<?xml version='1.0' encoding='UTF-8' ?>
<!--
    Document   : welcomeICEfaces
    Created on : 01/12/2011, 10:24:57 PM
    Author     : Veronica Ramirez, Victor Jaramillo
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:icecore="http://www.icefaces.org/icefaces/core"
                xmlns:ace="http://www.icefaces.org/icefaces/components"
                xmlns:ice="http://www.icesoft.com/icefaces/component"
                template="/PlantillaPrincipal.xhtml"
                >
    <ui:define name="contenido" id="cuenta">
        <ice:panelGrid columns="2" id="pgArbol" border="1"   >
            <h:form>
                <div id="menu" class="menu" style="overflow: scroll;"  >
                    <ice:tree id="tree"  value="#{treeBeanCuenta.model}" 
                              var="item"  hideRootNode="false"  hideNavigation="false"  >
                        <!--Arbol menu izquierdo(obtiene los voiddatos de los beans)-->
                        <ice:treeNode   >
                            <f:facet name="icon">
                                <ice:panelGroup style="display: inline">
                                    <h:graphicImage value="#{item.userObject.icon}"></h:graphicImage>
                                </ice:panelGroup>
                            </f:facet>
                            <f:facet name="content" >
                                <ice:panelGroup style="display: inline">
                                    <h:commandLink  value="#{item.userObject.text}"  actionListener="#{item.userObject.nodeClicked}"  />
                                </ice:panelGroup>
                            </f:facet>
                        </ice:treeNode>
                    </ice:tree>
                </div>
            </h:form>
            <ice:panelGrid columns="1" id="pgTexto" border="1"  style="position: inherit"   >
                <h:form id="formTexto">
                    <ice:panelGroup id="menuBarText2" menuPopup="menuPopupEffects" >
                        <table border="0" align="center" >
                            <tr>
                                <td width="100%" colspan="4"> <h:panelGrid id="gridPanel1" style="background-color: #036fab; height: 10px;" width="100%"/> </td>
                            </tr>
                            <tr>
                                <td><ice:inputText  value="#{cuentaController.cuenta.conCodigoCue}" style="width:100px"  disabled="false"/></td>
                                <td><ice:inputText  value="#{cuentaController.cuenta.conDescripcionCue}" style="width:350px"  disabled="false"/></td>
                                <td><ice:selectOneMenu 	partialSubmit="true"  style="width:120px" value="#{cuentaController.cuenta.conCodigoNivcue.conCodigoNivCue}"  >
                                        <f:selectItem itemLabel="-" itemValue="-"/>
                                        <f:selectItems var="item" value="#{cuentaController.nivelcuentalista}"  itemLabel="#{item.conNombreNivCue}" itemValue="#{item.conCodigoNivCue}"/>
                                    </ice:selectOneMenu>
                                </td>
                                <td><ice:selectOneMenu 	partialSubmit="true"  style="width:120px" value="#{cuentaController.cuenta.conCodigoTipcue.conCodigoTipCue}"  >
                                        <f:selectItem itemLabel="-" itemValue="-"/>
                                        <f:selectItems var="item" value="#{cuentaController.tipocuentalista}"  itemLabel="#{item.conNombreTipCue}" itemValue="#{item.conCodigoTipCue}"/>
                                    </ice:selectOneMenu>
                                </td>


                            </tr>    
                        </table>
                        <ice:menuPopup id="menuPopupEffects" >

                            <ice:menuItem id="pulsar1"
                                          value="Insertar" icon="/css/imagenes/insertar.png" actionListener="#{cuentaController.insertar(actionEvent)}" 
                                          >
                                <f:param name="effectType" value="insertar"/>
                            </ice:menuItem>
                            <ice:menuItem id="pulsar2"
                                          value=" Modificar" icon="/css/imagenes/modificar.png" actionListener="#{cuentaController.modificar(actionEvent)}"
                                          >
                                <f:param name="effectType" value="modificar"/>
                            </ice:menuItem>
                            <ice:menuItem id="pulsar3"
                                          value=" Eliminar" icon="/css/imagenes/eliminar.png" actionListener="#{cuentaController.eliminar()}"
                                          >
                                <f:param name="effectType" value="eliminar"/>
                            </ice:menuItem>
                            <ice:menuItem id="pulsar4"
                                          value=" Nuevo" icon="/css/imagenes/nuevo.png" actionListener="#{cuentaController.nuevo(actionEvent)}"
                                          >
                                <f:param name="effectType" value="nuevo"/>
                            </ice:menuItem>


                        </ice:menuPopup>
                    </ice:panelGroup>
                </h:form> 
                <h:form id="formTabla">
                    <ice:dataTable id="employeeList" var="item" value="#{cuentaController.lista}" columnClasses="tableCol" scrollable="true" scrollHeight="200px" >
                        <ice:column>
                            <ice:rowSelector id="selected" selectionListener="#{cuentaController.rowSelectionListener}" multiple="false" selectedClass="tableRowSelected" mouseOverClass="tableRowMouseOver" /> 
                            <f:facet name="header">
                                <ice:outputText id="column0" value="Codigo" style="width:100px"/>
                            </f:facet>
                            <ice:outputText id="COD_PER"  value="#{item.conCodigoCue}"  style="width:100px"  />
                        </ice:column>
                        <ice:column>
                            <f:facet name="header">
                                <ice:outputText id="column1" value="Descripcion" style="width:350px"/>
                            </f:facet>
                            <ice:outputText id="Perfil"  value="#{item.conDescripcionCue}"  style="width:350px"  />
                        </ice:column>
                        <ice:column>
                            <f:facet name="header">
                                <ice:outputText id="column2" value="Nivel Cuenta" style="width:100px"/>
                            </f:facet>
                            <ice:outputText id="NivelCuenta"  value="#{item.conCodigoNivcue.conNombreNivCue}"  style="width:100px"  />
                        </ice:column>
                        <ice:column>
                            <f:facet name="header">
                                <ice:outputText id="column3" value="Tipo Cuenta" style="width:100px"/>
                            </f:facet>
                            <ice:outputText id="TipoCuenta"  value="#{item.conCodigoTipcue.conNombreTipCue}"  style="width:100px"  />
                        </ice:column>
                    </ice:dataTable>
                </h:form>
                <!--            
                            <h:form id="formdetalle">
                                Detalle 1
                            </h:form>
                            <h:form id="formdetalle1">
                                detalle 2
                            </h:form>-->

            </ice:panelGrid>
        </ice:panelGrid>
        <!--Panel popup para los mensajes de error que se presente en  los errores-->
        <ice:form>
            <ice:panelPopup id="modalPnlPop" draggable="false" modal="true" visible="#{cuentaController.panelvisible}" autoCentre="true" 
                            style="z-index: 1000; top: 20%; left: 10%; position: absolute; width: 300px; height: 150px;">
                <f:facet name="header">
                    <ice:panelGroup styleClass="popupHeaderWrapper">
                        <ice:outputText value="Informe"/>
                        <ice:commandButton id="modalPnlCloseBtn"
                                           value="x"
                                           actionListener="#{cuentaController.llamarPanelvisible(event)}"
                                           title="Cerrar" alt="Cerrar"/>
                    </ice:panelGroup>
                </f:facet>
                <f:facet name="body">
                    <ice:panelGroup>
                        <ice:messages globalOnly="false" showSummary="true" showDetail="true"/><br/>

                    </ice:panelGroup>
                </f:facet>
            </ice:panelPopup>
        </ice:form>
    </ui:define>
</ui:composition>